<div class="modal-header">
	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
	<h4 id="modalCrearPerfilLabel">Cre&aacute; tu cuenta</h4>
</div>
<g:form id="formNuevoPerfil" name="formNuevoPerfil" action="nuevoPerfil" controller="perfil" >
	<div class="modal-body">
		<g:hasErrors bean="${persona}">
			<g:eachError bean="${persona}" var="error">
				<div class="alert alert-error">
				  <button type="button" class="close" data-dismiss="alert">&times;</button>
				  <strong>Cuidado!</strong> <g:message error="${error}"/>
				</div>
			</g:eachError>
		</g:hasErrors>
		<div class="control-group form-inline ${hasErrors(bean:persona,field:'nombre', 'error')}">
	    	<div class="controls">
	    		<div class="input-prepend left marginLeft20">
	    			<g:textField style="250px" id="nombre" name="nombre" value="${persona?.nombre}" placeholder="Nombre" ></g:textField>
			    </div>
		    </div>
	   	</div>
		<div class="control-group form-inline ${hasErrors(bean:persona,field:'apellido', 'error')}">
	    	<div class="controls">
	    		<div class="input-prepend left marginLeft20">
	    			<g:textField style="250px" id="apellido" name="apellido" value="${persona?.apellido}" placeholder="Apellido" ></g:textField>
			    </div>
		    </div>
	   	</div>
		<div class="control-group form-inline ${hasErrors(bean:persona,field:'username', 'error')}">
	    	<div class="controls">
	    		<div class="input-prepend left marginLeft20">
	    			<g:textField style="250px" id="email" name="email" value="${persona?.email}" placeholder="Dirección Email" ></g:textField>
			    </div>
		    </div>
	   	</div>
	   	<div class="control-group form-inline ${hasErrors(bean:persona,field:'password', 'error')}">
	    	<div class="controls">
	    		<div class="input-prepend marginLeft20">
	    			<g:passwordField style="250px" name="password" id="password" value="${params?.password }"  placeholder="Contraseña" />
			    </div>
		    </div>
	   	</div>
	   	
	   	<div class="control-group form-inline ${hasErrors(bean:persona,field:'equipo', 'error')}">
	    	<div class="controls">
	    		<div class="input-prepend marginLeft20">
					<g:select id="equipo" style="250px" optionKey="id" name="equipo.id" from="${equipos}" value="${equipoId}" noSelection="['null':'']" />
			    </div>
		    </div>
	   	</div>
	   	
	   	<div class="separator">&nbsp;</div>
	   	<div class="span3" style="text-align: center; margin-left: 0px;">He leído y estoy de acuerdo con los Términos de Servicio de Vamos a la cancha</div>
	</div>
	<div class="modal-footer">
		<g:submitToRemote class="btn btn-primary btn-large span3 centrar" id="btnCrearCuenta" name="btnCrearCuenta" controller="perfil" action="nuevoPerfil" update="divFormNuevoPerfil" asynchronous="false" after="actualizarNavBar();" value="Crear una cuenta" />
	</div>
</g:form>